<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">

					<p:panel id="panel2">

						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" process="@this" />
						</f:facet>
						<p:messages id="msg2" />
						<p:dataTable id="tFormaPago"
							value="#{tipoFormaPagoView.tipoFormaPagoModel}"
							selection="#{tipoFormaPagoView.selectedTipoFormaPago}"
							var="tipoFormaPago" paginator="true" rows="5">

							<f:facet name="header">
							Tipo Forma de Pago
							</f:facet>
							<p:column selectionMode="single" style="width:2%" />

							<p:column filterBy="#{tipoFormaPago.codigo}"
								sortBy="#{tipoFormaPago.codigo}">
								<f:facet name="header">
									<h:outputText value="Código" />
								</f:facet>
								<h:outputText value="#{tipoFormaPago.codigo}" />
							</p:column>

							<p:column filterBy="#{tipoFormaPago.descripcion}"
								sortBy="#{tipoFormaPago.descripcion}">
								<f:facet name="header">
									<h:outputText value="Descripción" />
								</f:facet>
								<h:outputText value="#{tipoFormaPago.descripcion}" />
							</p:column>

							<p:column filterBy="#{tipoFormaPago.esPosfechado}"
								sortBy="#{tipoFormaPago.esPosfechado}">
								<f:facet name="header">
									<h:outputText value="Es Posfechado" />
								</f:facet>
								<h:outputText value="#{tipoFormaPago.esPosfechado}" />
							</p:column>

							<p:column filterBy="#{tipoFormaPago.exijeNumeroDocumento}"
								sortBy="#{tipoFormaPago.exijeNumeroDocumento}">
								<f:facet name="header">
									<h:outputText value="Exije Documento" />
								</f:facet>
								<h:outputText value="#{tipoFormaPago.exijeNumeroDocumento}" />
							</p:column>
							
														<p:column filterBy="#{tipoFormaPago.estadoRegistro}"
								sortBy="#{tipoFormaPago.estadoRegistro}">
								<f:facet name="header">
									<h:outputText value="Estado Registro" />
								</f:facet>
								<h:outputText value="#{tipoFormaPago.estadoRegistro}" />
							</p:column>

							<f:facet name="footer">
								<p:commandButton id="createButton" value="Crear"
									action="#{tipoFormaPagoView.action_crear()}"
									icon="ui-icon-newwin" update=":form"
									binding="#{tipoFormaPagoView.btnCrear}"
									oncomplete="PF('singleCarDialog').show()" />

								<p:commandButton id="viewButton" value="Editar"
									action="#{tipoFormaPagoView.action_buscar2()}"
									icon="ui-icon-pencil" update=":form"
									binding="#{tipoFormaPagoView.btnModify}"
									oncomplete="PF('singleCarDialog').show()" />
							</f:facet>

						</p:dataTable>

						<p:dialog id="dialog" position="top"  header="Detalle Tipo Forma Pago" modal="true"
							widgetVar="singleCarDialog" resizable="false" showEffect="fade"
							hideEffect="explode" closable="false">

							<p:messages id="msg" />
							<p:growl id="men" />

							<h:panelGrid id="panelBotones" columns="2"
								style="margin: 0 auto;">

								<p:commandButton id="btnGuardar" value="Guardar" disabled="true"
									action="#{tipoFormaPagoView.action_modify}"
									binding="#{tipoFormaPagoView.btnSave}" icon="ui-icon-disk"
									update="msg,panel,panelBotones,des,msg2" />

								<p:commandButton id="btnCerrar" value="Cerrar"
									icon="ui-icon-close" update=":form"
									oncomplete="PF('singleCarDialog').hide()" process="@this"
									actionListener="#{tipoFormaPagoView.action_cerrar()}">
									<p:resetInput target="panel" />
								</p:commandButton>

							</h:panelGrid>

							<h:panelGrid columns="6" id="panel">

								

								<h:outputText id="msgCodigo" value=" Código:*" />
								<p:inputText id="txtCodigo" disabled="true" required="true"
									requiredMessage="El Código es requerido"
									binding="#{tipoFormaPagoView.txtCodigo}" validatorMessage="El Código debe ser Alfanumerico">
									<f:validateRegex
											pattern="[a-zA-Z0-9\s]+"/>
									</p:inputText>				
									<p:message for="txtCodigo" display="icon" />

								<h:outputText id="msgDsctoFechaDoc" value="Descuento Fecha Doc:" />
								<p:selectOneMenu id="txtDsctoFechaDoc"
									value="#{tipoFormaPagoView.selectItemDsctoFechaDoc}"
									disabled="true" binding="#{tipoFormaPagoView.txtDsctoFechaDoc}"
									style="width:100%">
									<f:selectItem itemLabel="Seleccionar" itemValue="" />
									<f:selectItem itemLabel="Si" itemValue="1" />
									<f:selectItem itemLabel="No" itemValue="0" />
								</p:selectOneMenu>
								<br />

								<h:outputText id="msgEsPosfechado" value="Es Posfechado:" />
								<p:selectOneMenu id="txtEsPosfechado"
									value="#{tipoFormaPagoView.selectItemEsPosFechado}"
									disabled="true" binding="#{tipoFormaPagoView.txtEsPosfechado}"
									style="width:100%">
									<f:selectItem itemLabel="Seleccionar" itemValue="" />
									<f:selectItem itemLabel="Si" itemValue="1" />
									<f:selectItem itemLabel="No" itemValue="0" />
								</p:selectOneMenu>
								<br />

								<h:outputText id="msgExijeNumeroDocumento"
									value=" Exije Número Documento:" />
								<p:selectOneMenu id="txtExijeNumeroDocumento"
									value="#{tipoFormaPagoView.selectItemExijeNumeroDocumento}"
									disabled="true"
									binding="#{tipoFormaPagoView.txtExijeNumeroDocumento}"
									style="width:100%">
									<f:selectItem itemLabel="Seleccionar" itemValue="" />
									<f:selectItem itemLabel="Si" itemValue="1" />
									<f:selectItem itemLabel="No" itemValue="0" />
								</p:selectOneMenu>
								<br />

								<h:outputText id="msgImportaPda" value=" Importa Pda:" />
								<p:selectOneMenu id="txtImportaPda"
									value="#{tipoFormaPagoView.selectItemimportaPda}"
									disabled="true" binding="#{tipoFormaPagoView.txtImportaPda}"
									style="width:100%">
									<f:selectItem itemLabel="Seleccionar" itemValue="" />
									<f:selectItem itemLabel="Si" itemValue="1" />
									<f:selectItem itemLabel="No" itemValue="0" />
								</p:selectOneMenu>
								<br />

								<h:outputText id="msgManejaCheque" value=" Maneja Cheque:" />
								<p:selectOneMenu id="txtManejaCheque"
									value="#{tipoFormaPagoView.selectItemManjeaCheque}"
									disabled="true" binding="#{tipoFormaPagoView.txtManejaCheque}"
									style="width:100%">
									<f:selectItem itemLabel="Seleccionar" itemValue="" />
									<f:selectItem itemLabel="Si" itemValue="1" />
									<f:selectItem itemLabel="No" itemValue="0" />
								</p:selectOneMenu>
								<br />

								<h:outputText id="msgManejaTarjeta" value=" Maneja Tarjeta:" />
								<p:selectOneMenu id="txtManejaTarjeta"
									value="#{tipoFormaPagoView.selectItemManejaTarjeta}"
									disabled="true" binding="#{tipoFormaPagoView.txtManejaTarjeta}"
									style="width:100%">
									<f:selectItem itemLabel="Seleccionar" itemValue="" />
									<f:selectItem itemLabel="Si" itemValue="1" />
									<f:selectItem itemLabel="No" itemValue="0" />
								</p:selectOneMenu>
								<br />

								<h:outputText id="msgEstadoRegistro" value=" Estado Registro:*" />
								<p:selectOneMenu id="txtEstadoRegistro"
									value="#{tipoFormaPagoView.selectItemEstadoRegistro}"
									disabled="true"
									binding="#{tipoFormaPagoView.txtEstadoRegistro}"
									style="width:100%" required="true"
									requiredMessage="Selección requerida Estado Registro">
									<f:selectItem itemLabel="Seleccionar" itemValue="" />
									<f:selectItem itemLabel="Activo" itemValue="a" />
									<f:selectItem itemLabel="Retirado" itemValue="r" />
								</p:selectOneMenu>
								<p:message for="txtEstadoRegistro" display="icon" />

							</h:panelGrid>

							<p:separator id="separator" />
							<h:outputText id="msgDescripcion" value=" Descripción: *" />
							<h:panelGrid width="100%" id="des" columns="2">

								<p:inputTextarea id="txtDescripcion" disabled="true"
									autoResize="false" style="width:100%" required="true"
									requiredMessage="La Descripción es requerida"
									binding="#{tipoFormaPagoView.txtDescripcion}" />
								<p:message for="txtDescripcion" display="icon" />

							</h:panelGrid>

						</p:dialog>
					</p:panel>
				</h:form>
			</f:view>
		</ui:define>


	</ui:composition>

</h:body>

</html>
